<?
// 接通事件的弹屏处理
$iframe_url = "client_panel.php?op=add&in_call_panel=1".
"&telephone=".$_GET['telephone'].
"&call_tel=".$_GET['call_tel'].
"&call_type=".$_GET['call_type'].
"&agent_id=".$_GET['agent_id'];

?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../../../webkit/utils/jquery.js"></script>
<link type="text/css" rel="stylesheet" href="../../../page.css"/>
<body  bgcolor="#f4f4f4" style="margin:3px;" scroll=no>
<style>
	.tab {
		font-size:13px; background:#a8d3ff;  border:gray 1px solid; cursor:pointer; margin:0px 6px 6px 0px; padding:3px 6px;
	}
	.tab_current {
		background:#ff6600;  border-bottom-color:#6600ff; color:white;
	}
</style>

<!-- Tab Begin -->
<span class='tab' id='basic_info' onclick='show_tab(this.id)'>客户基本信息</span>
<span class='tab' id='crm_info' onclick='show_tab(this.id)'>CRM系统信息</span> 
<span class='tab' id='call_history' onclick='show_tab(this.id)'>客户接触历史</span>
<!-- Tab End -->
<hr size=1>

<table width=100% cellspacing=1 cellpadding=3 height=380> 
	<tr id="basic_info_panel">
        <td align=right nowrap>
		<iframe src="<?echo $iframe_url?>" width=100% height=100% frameborder=0></iframe>
		</td>
	</tr>
	<tr id="crm_info_panel" style="display:none">
		<td align=center style="color:gray">待与CRM系统进行对接...</td>
	</tr>
	<tr id="call_history_panel" style="display:none">
		<td align=center style="color:gray">待进一步的功能完善...</td>
	</tr>
</table>


<script type="text/javascript">
	
	$('#basic_info').addClass('tab_current');
	var current_tab_id = 'basic_info';
	function show_tab(id) {
		if(id != current_tab_id) {
			$('#'+current_tab_id).removeClass('tab_current');
			$('#'+current_tab_id+'_panel').hide();
			$('#'+id).addClass('tab_current');
			$('#'+id+'_panel').show();
			current_tab_id = id;
		}
	}
</script>
</body>
</html>